import { type LucideProps } from 'lucide-react'

export default function Notion(props: LucideProps) {
  return (
    <svg viewBox='0 0 26 28' fill='none' {...props}>
      <path
        d='M8.24815 11.5787V11.3756C8.24815 10.8607 8.66053 10.4337 9.19202 10.3982L13.0634 10.1397L18.4171 18.0235V11.1041L17.0391 10.9204V10.824C17.0391 10.303 17.4609 9.87318 17.9991 9.84561L21.5216 9.66516V10.1721C21.5216 10.41 21.3447 10.6136 21.1022 10.6546L20.2545 10.798V22.0037L19.1906 22.3695C18.3019 22.6752 17.3124 22.348 16.8037 21.5803L11.6061 13.7372V21.223L13.2059 21.5291L13.1836 21.6775C13.1138 22.1423 12.7125 22.4939 12.227 22.5155L8.24815 22.6926C8.19556 22.1927 8.57017 21.7456 9.08696 21.6913L9.61035 21.6363V11.6552L8.24815 11.5787Z'
        fill='currentColor'
      />
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M17.6749 0.966782L1.72353 2.05585C0.768051 2.12109 0.0274048 2.88925 0.0274048 3.81499V19.3299C0.0274048 20.1997 0.326825 21.0448 0.878496 21.7321L4.31786 26.0167C4.87394 26.7094 5.74905 27.0909 6.65441 27.0352L24.3587 25.9454C25.2661 25.8895 25.9725 25.1619 25.9725 24.2832V6.64426C25.9725 6.10059 25.6979 5.59115 25.237 5.27951L19.6325 1.49029C19.0614 1.10413 18.3703 0.91931 17.6749 0.966782ZM2.51453 4.057C2.29267 3.89274 2.39826 3.55055 2.67696 3.53056L17.7822 2.44711C18.2635 2.41259 18.7418 2.54512 19.131 2.82088L22.1617 4.96813C22.2768 5.04965 22.2228 5.22563 22.0804 5.23338L6.08393 6.10336C5.59983 6.12969 5.12199 5.98747 4.73707 5.7025L2.51453 4.057ZM5.33363 8.83071C5.33363 8.31103 5.75347 7.88177 6.29033 7.85253L23.2031 6.93145C23.7263 6.90296 24.1668 7.30534 24.1668 7.81182V23.0853C24.1668 23.604 23.7484 24.0328 23.2126 24.0633L6.40694 25.0195C5.82466 25.0527 5.33363 24.6052 5.33363 24.0415V8.83071Z'
        fill='currentColor'
      />
    </svg>
  )
}
